﻿<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">
    
    <style>
                 .letrapfn {
        color:white;
    }
        .footer {
           height: 2em;
           position:relative;
           z-index:1;
           color:white;
        }
        .pure-menu-horizontal {
            background-color: black;
        }

        .pure-table{
            color:white;
        }

        
        .thumb {
    width:50%;
    height:50%;
    overflow: hidden;
}

        
    </style>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body style="background: url(http://www.freefever.com/stock/los-mejores-fondos-de-pantalla-hd-taringa.jpg); ">
    
    <div class="pure-menu-horizontal" id="layout">
    <div class="sidebar pure-u">
        <header class="header">

            <nav class="nav">
                <ul class="nav-list">
                    <li class="nav-item">
                        <a class="pure-button" href="~/">Inicio</a>
                    </li>
    
                    <li class="nav-item">
                        <a class="pure-button" href="~/Default1">Listado</a>
                    </li>
                </ul>
            </nav>
        </header>
    </div>
        
    </div>
     
     <h4 style="font-family:'Century Gothic'; font-size:30px;color:#00CCFF;">Ñuflito´s Company</h4>

    @RenderBody()

    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)

    <div>
        <footer style="width:100%;
                height:80px;
                position:absolute;
                bottom:0;
                left:0;
                color:gray;">
            <p> <b>By Juanma y Yam ♥ @DateTime.Now.Year</b></p>
            <a href="~/Default1/Create" class="pure-button">Administración</a>
        </footer>
    </div>
</body>
</html>
